<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:bm="http://localhost:8080/customTags">

    <div class="form-container">
        <form name="create" method="post" action="">
            <fieldset>
                <legend>Create A New Product</legend>
                <div class="form-row">
                    <div class="form-label">
                        <label>SKU<span class="mandatory">*</span></label>                        
                    </div>
                    <div class="form-data">
                        <h:inputText id="name" value="#{productController.product.name}" />
                    </div>
                </div>
                <div class="form-row">
                    <div class="form-label">
                        <label>Product Name<span class="mandatory">*</span></label>
                    </div>
                    <div class="form-data">
                        <h:inputText id="name1" value="#{productController.product.name}" />
                    </div>
                </div>
                <div class="form-row">
                    <div class="form-label">
                        <label>Abbreviation</label>
                    </div>
                    <div class="form-data">
                        <h:inputText id="name2" value="#{productController.product.name}" />
                    </div>
                </div>
                <div class="form-row">
                    <div class="form-label">
                        <label>Category<span class="mandatory">*</span></label>
                    </div>
                    <div class="form-data">
                        <h:inputText id="name3" value="#{productController.product.name}" />
                    </div>
                </div>
                <div class="form-row">
                    <div class="form-label">
                        <label>Parent Category</label>
                    </div>
                    <div class="form-data">
                        <h:inputText id="name4" value="#{productController.product.name}" />
                    </div>
                </div>
                <div class="form-row">
                    <div class="form-label">
                        <label>Store Price<span class="mandatory">*</span></label>
                    </div>
                    <div class="form-data">
                        <h:inputText id="name5" value="#{productController.product.name}" />
                    </div>
                </div>
                <div class="form-row">
                    <div class="form-label">
                        <label>Retail Price</label>
                    </div>
                    <div class="form-data">
                        <h:inputText id="name6" value="#{productController.product.name}" />
                    </div>
                </div>
                <div class="form-row">
                    <div class="form-label">
                        <label>Credit Price</label>
                    </div>
                    <div class="form-data">
                        <h:inputText id="name7" value="#{productController.product.name}" />
                    </div>
                </div>
                <div class="form-row">
                    <div class="form-data">
                        <INPUT class="button" type="submit" name="submit" value="Save" />
                    </div>
                </div>
            </fieldset>
        </form>
    </div>

<!--<h:panelGrid columns="1" id="productDetail">
                    <h:inputHidden id="id" value="#{productController.product.id}" />
                    <h:outputText value="Name" />
                    <h:inputText id="name" value="#{productController.product.name}" />
                    <h:message for="name" style="color:red" />
                    <h:outputText id="description" value="Description" />
                    <h:inputText value="#{productController.product.description}" />
                    <h:message for="description" style="color:red" />
                    <h:outputText value="Stock Price" />
                    <h:inputText id="stockPrice" value="#{productController.product.stockPrice}"
                                 label="Stock Price" immediate="true" />
                    <h:message for="stockPrice" style="color:red" />
                    <h:outputText id="retailPrice" value="Retail Price" />
                    <h:inputText value="#{productController.product.retailPrice}"
                                 label="Retail Price" immediate="true" />
                    <h:message for="retailPrice" style="color:red" />
                    <h:outputText value="Credit Price" />
                    <h:inputText id="creditPrice"
                                 value="#{productController.product.creditPrice}" label="Credit Price"
                                 immediate="true" />
                    <h:message for="creditPrice" style="color:red" />
                    <h:outputText value="Default Category" />
                    <h:selectOneMenu id="defaultCategory"
                                     value="#{productController.product.defaultCategory}"
                                     label="Default Category">
                        <f:selectItems value="#{categories.list}" />
                    </h:selectOneMenu>
                    <h:message for="defaultCategory" style="color:red" />
                    <h:outputText value="S.T.U." />
                    <h:inputText id="smallestTradabeUnit"
                                 value="#{productController.product.smallestTradabeUnit}" label="S.T.U."
                                 validator="quantityValidator" />
                    <h:message for="smallestTradabeUnit" style="color:red" />
                    <h:outputText value="Availability" />
                    <h:inputText id="availability"
                                 value="#{productController.product.availability}" label="Availability" />
                    <h:message showSummary="true" for="availability"
                               style="color:red" />
        </h:panelGrid>-->
</ui:composition>